<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" href="style.css" />
<script type="text/javascript"src="jindong/jquery-1.9.1.min.js"></script>
<script type="text/javascript"src="jindong/jd.js"></script>


</head>

<body>
<div id="box">
	<div class="mt">
		<h2 class="floor">
			<i class="floor_icon">10F</i>
			图书音像
		</h2>
		<ul class="tab1">
			<li class="list list1"style="width:58px">热门<span class="line"></span></li>
			<li class="list"style="width:58px">少儿<span class="line"></span></li>
			<li class="list"style="width:82px">教育科技<span class="line"></span></li>
			<li class="list"style="width:82px">文学小说<span class="line"></span></li>
			<li class="list"style="width:82px">人文社科<span class="line"></span></li>
			<li class="list"style="width:82px">经管励志<span class="line"></span></li>
			<li class="list"style="width:82px">生活艺术<span class="line"></span></li>
			<li class="list"style="width:82px">音像产品<span class="line"></span></li>
			<li class="list"style="width:72px">电子书</li>
		</ul>
    </div>
    <div class="mc">
    	<div class="banner">
    		<img src="images1/1.jpg" alt=""style="cursor:pointer;" />
    		<div class="type">
    			<ul class="brand_img">
    				<li class="typr_li">
    					<i class="icon icon1"></i>
    					<span>图书</span>
    				</li>
    				<li class="typr_li">
    					<i class="icon icon2"></i>
    					<span>音像</span>
    				</li>
    				<li class="typr_li">
    					<i class="icon icon3"></i>
    					<span>特色书店</span>
    				</li>
    				<li class="typr_li">
    					<i class="icon icon4"></i>
    					<span>数字商品</span>
    				</li>
    			</ul>
    		</div>
            <div class="card_user">
                <p>大师读书课100减30></p>
                <p>图书音像预售抢先看></p>
            </div>
    		<div class="typr_list">
    			<ul>
    				<li>
    					<span>教育</span>
    					<span>文学</span>
    					<span style="color:#C81623;">少儿</span>
    					<span>经管</span>
    					<span style="color:#C81623;">励志</span>
                        <span>人文社科</span>
                        <span>生活</span>
    					<span>艺术</span>
    				</li>
   			    </ul>
    		</div>
    	</div>
    </div>
    <div class="tab_pic">
    	<ul class="p_list tab_ul1"style="display:block">
    		<li class="fix">
                <img src="images1/a1.jpg" alt="" />
    			<img src="images1/a2.jpg" alt="" />
    		</li>
            <li class="roll"style="display:block">
                <div id="roll_all">
                    <ul class="roll_ul">
                        <img src="images1/a3.jpg" alt=""style="width:439px" />
                        <img src="images1/w1.jpg" alt=""style="width:439px" />
                        <img src="images1/w2.jpg" alt=""style="width:439px" />
                        <img src="images1/w3.jpg" alt=""style="width:439px" />
                        <img src="images1/a3.jpg" alt=""style="width:439px" />
                    </ul>
                    <div class="circle_box">
                        <div class="circle" style="background:#C81623"></div>
                        <div class="circle"></div>
                        <div class="circle"></div>
                        <div class="circle"></div>
                    </div>
                    <div class="click">
                        <div class="click_l"><</div>
                        <div class="click_r">></div>
                    </div>
                </div>
                <div class="roll_fix_img">
                    <img src="images1/a4.jpg" alt=""style="width:219px;float:left;" />
                    <img src="images1/a5.jpg" alt=""style="width:219px;float:left;" />
                </div>
            </li>
    		<li class="author">
                <div class="author_hot">
                    <span>热门作者</span>
                </div>
                <ul class="author_list">
                    <li>
                        <div class="author_now">
                            <a href=""><img src="images1/author1.jpg" alt="" /></a>
                            <span>杨红樱</span>
                        </div>
                        <div class="book">
                            <a href=""><img src="images1/book1.jpg" alt="" /></a>
                        </div>
                        <div class="author_explain">
                            <a href="">杨红樱笑猫日记：青蛙</a>
                            <p>“陪伴成长的“心情宝典”，适……”</p>
                        </div>
                    </li>
                    <li>
                        <div class="author_now">
                            <a href=""><img src="images1/author2.jpg" alt="" /></a>
                            <span>张小娴</span>
                        </div>
                        <div class="book">
                            <a href=""><img src="images1/book2.jpg" alt="" /></a>
                        </div>
                        <div class="author_explain">
                            <a href="">你会想念你自己吗</a>
                            <p>“金庸说，关于爱情，你应该问……”</p>
                        </div>
                    </li>
                    <li>
                        <div class="author_now">
                            <a href=""><img src="images1/author3.jpg" alt="" /></a>
                            <span>李宇春</span>
                        </div>
                        <div class="book">
                            <a href=""><img src="images1/book3.jpg" alt="" /></a>
                        </div>
                        <div class="author_explain">
                            <a href="">李宇春WhyMe</a>
                            <p>“十年，她纵情燃烧似火的年华……”</p>
                        </div>
                    </li>
                    <li>
                        <div class="author_now">
                            <a href=""><img src="images1/author4.jpg" alt="" /></a>
                            <span>李宇春</span>
                        </div>
                        <div class="book">
                            <a href=""><img src="images1/book4.jpg" alt="" /></a>
                        </div>
                        <div class="author_explain">
                            <a href="">欧豪 《On His Own》</a>
                            <p>“全纪录欧豪美国生活＋唱片录……”</p>
                        </div>
                    </li>
                </ul>
    		</li>
    	</ul>
    	<ul class="p_list tab_ul2">
    		<li class="fore1">
    			<img src="images1/b1.jpg" alt="" />
    			<div class="explain">思莱德 修身百搭商务休闲男士衬衫</div>
    			<div class="price">￥299.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/b2.jpg" alt="" />
    			<div class="explain">劲霸男装 男士衬衣 简约舒适棉麻长袖衬衫</div>
    			<div class="price">￥299.50</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/b3.jpg" alt="" />
    			<div class="explain">佐丹奴 男装纯棉牛津纺尖扣领纯色修身衬衫</div>
    			<div class="price">￥168.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/b4.jpg" alt="" />
    			<div class="explain">太平鸟男装 蝴蝶结印花韩版修身长袖衬衫</div>
    			<div class="price">￥159.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/b5.jpg" alt="" />
    			<div class="explain">九牧王 男士免烫长裤商务休闲西裤</div>
    			<div class="price">￥299.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/b6.jpg" alt="" />
    			<div class="explain">GXG休闲长裤男 藏青色时尚男士闲裤</div>
    			<div class="price">￥199.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/b7.jpg" alt="" />
    			<div class="explain">与狼共舞牛仔裤男新款时尚休闲水洗男装长裤</div>
    			<div class="price">￥149.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/b8.jpg" alt="" />
    			<div class="explain">Levi‘s李维斯501系列男士原创直筒水洗牛仔裤</div>
    			<div class="price">￥449.00</div>
    		</li>
    		<li class="fore1">
                <img src="images1/b9.jpg" alt="" />
                <div class="explain">Levi‘s李维斯501系列男士原创直筒水洗牛仔裤</div>
                <div class="price">￥449.00</div>
    		</li>
    		<li class="fore1">
                <img src="images1/b0.jpg" alt="" />
                <div class="explain">Levi‘s李维斯501系列男士原创直筒水洗牛仔裤</div>
                <div class="price">￥449.00</div>
    		</li>
    	</ul>
    	<ul class="p_list tab_ul3">
    		<li class="fore1">
    			<img src="images1/c1.jpg" alt="" />
    			<div class="explain">季候风 花瓣翻领荷叶边撞色蓬松裙摆连衣裙</div>
    			<div class="price">￥339.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/c2.jpg" alt="" />
    			<div class="explain">韩都衣舍韩版 女装收腰条纹系带连衣裙</div>
    			<div class="price">￥147.50</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/c3.jpg" alt="" />
    			<div class="explain">USE连衣裙 七分袖中长款连衣裙</div>
    			<div class="price">￥218.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/c4.jpg" alt="" />
    			<div class="explain">抹茶生活度假长裙夏新款波西米亚连衣裙</div>
    			<div class="price">￥268.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/c5.jpg" alt="" />
    			<div class="explain">云上生活镂空蕾丝长袖连衣裙 白色</div>
    			<div class="price">￥189.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/c6.jpg" alt="" />
    			<div class="explain">茵曼. 夏装新款简约无袖连衣裙长裙</div>
    			<div class="price">￥159.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/c7.jpg" alt="" />
    			<div class="explain">ASOBIO 女装欧美时尚纯棉撞色女式连衣裙</div>
    			<div class="price">￥369.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/c8.jpg" alt="" />
    			<div class="explain">艾格 ETAM S纯色圆领长款衬衫</div>
    			<div class="price">￥209.00</div>
    		</li>
            <li class="fore1">
                <img src="images1/c9.jpg" alt="" />
                <div class="explain">ASOBIO 女装欧美时尚纯棉撞色女式连衣裙</div>
                <div class="price">￥369.00</div>
            </li>
            <li class="fore1">
                <img src="images1/c0.jpg" alt="" />
                <div class="explain">艾格 ETAM S纯色圆领长款衬衫</div>
                <div class="price">￥209.00</div>
            </li>
    	</ul>
    	<ul class="p_list tab_ul4">
    		<li class="fore1">
    			<img src="images1/d1.jpg" alt="" />
    			<div class="explain">戈美其 系带平底中口亮片板鞋厚底女鞋</div>
    			<div class="price">￥179.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/d2.jpg" alt="" />
    			<div class="explain">美国 舒适厚底凉鞋粉色花朵真皮舒适女鞋/div>
    			<div class="price">￥1099.50</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/d3.jpg" alt="" />
    			<div class="explain">奥卡索 透气猪皮单鞋时尚尖头平底女鞋裙</div>
    			<div class="price">￥199.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/d4.jpg" alt="" />
    			<div class="explain">卓诗尼 通勤浅口尖头高跟单鞋 米白色</div>
    			<div class="price">￥169.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/d5.jpg" alt="" />
    			<div class="explain">Bata拔佳 休闲鞋磨砂皮时尚流行男单鞋</div>
    			<div class="price">￥488.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/d6.jpg" alt="" />
    			<div class="explain">意尔康男鞋 牛皮商务休闲舒适男单皮鞋</div>
    			<div class="price">￥159.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/d7.jpg" alt="" />
    			<div class="explain">大洋洲袋鼠 春季男士时尚舒适拉链休闲皮</div>
    			<div class="price">￥399.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/d8.jpg" alt="" />
    			<div class="explain">Clarks  三瓣鞋底抗菌减震休闲鞋</div>
    			<div class="price">￥1399.00</div>
    		</li>
            <li class="fore1">
                <img src="images1/d9.jpg" alt="" />
                <div class="explain">大洋洲袋鼠 春季男士时尚舒适拉链休闲皮</div>
                <div class="price">￥399.00</div>
            </li>
            <li class="fore1">
                <img src="images1/d0.jpg" alt="" />
                <div class="explain">Clarks  三瓣鞋底抗菌减震休闲鞋</div>
                <div class="price">￥1399.00</div>
            </li>
    	</ul>
    	<ul class="p_list tab_ul5">
    		<li class="fore1">
    			<img src="images1/e1.jpg" alt="" />
    			<div class="explain">戈美其 系带平底中口亮片板鞋厚底女鞋</div>
    			<div class="price">￥179.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/e2.jpg" alt="" />
    			<div class="explain">美国 舒适厚底凉鞋粉色花朵真皮舒适女鞋/div>
    			<div class="price">￥1099.50</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/e3.jpg" alt="" />
    			<div class="explain">奥卡索 透气猪皮单鞋时尚尖头平底女鞋裙</div>
    			<div class="price">￥199.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/e4.jpg" alt="" />
    			<div class="explain">卓诗尼 通勤浅口尖头高跟单鞋 米白色</div>
    			<div class="price">￥169.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/e5.jpg" alt="" />
    			<div class="explain">Bata拔佳 休闲鞋磨砂皮时尚流行男单鞋</div>
    			<div class="price">￥488.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/e6.jpg" alt="" />
    			<div class="explain">意尔康男鞋 牛皮商务休闲舒适男单皮鞋</div>
    			<div class="price">￥159.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/e7.jpg" alt="" />
    			<div class="explain">大洋洲袋鼠 春季男士时尚舒适拉链休闲皮</div>
    			<div class="price">￥399.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/e8.jpg" alt="" />
    			<div class="explain">Clarks  三瓣鞋底抗菌减震休闲鞋</div>
    			<div class="price">￥1399.00</div>
    		</li>
            <li class="fore1">
                <img src="images1/e9.jpg" alt="" />
                <div class="explain">大洋洲袋鼠 春季男士时尚舒适拉链休闲皮</div>
                <div class="price">￥399.00</div>
            </li>
            <li class="fore1">
                <img src="images1/e0.jpg" alt="" />
                <div class="explain">Clarks  三瓣鞋底抗菌减震休闲鞋</div>
                <div class="price">￥1399.00</div>
            </li>	
    	</ul>
    	<ul class="p_list tab_ul6">
    		<li class="fore1">
    			<img src="images1/f1.jpg" alt="" />
    			<div class="explain">戈美其 系带平底中口亮片板鞋厚底女鞋</div>
    			<div class="price">￥179.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/f2.jpg" alt="" />
    			<div class="explain">美国 舒适厚底凉鞋粉色花朵真皮舒适女鞋/div>
    			<div class="price">￥1099.50</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/f3.jpg" alt="" />
    			<div class="explain">奥卡索 透气猪皮单鞋时尚尖头平底女鞋裙</div>
    			<div class="price">￥199.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/f4.jpg" alt="" />
    			<div class="explain">卓诗尼 通勤浅口尖头高跟单鞋 米白色</div>
    			<div class="price">￥169.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/f5.jpg" alt="" />
    			<div class="explain">Bata拔佳 休闲鞋磨砂皮时尚流行男单鞋</div>
    			<div class="price">￥488.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/f6.jpg" alt="" />
    			<div class="explain">意尔康男鞋 牛皮商务休闲舒适男单皮鞋</div>
    			<div class="price">￥159.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/f7.jpg" alt="" />
    			<div class="explain">大洋洲袋鼠 春季男士时尚舒适拉链休闲皮</div>
    			<div class="price">￥399.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/f8.jpg" alt="" />
    			<div class="explain">Clarks  三瓣鞋底抗菌减震休闲鞋</div>
    			<div class="price">￥1399.00</div>
    		</li>
            <li class="fore1">
                <img src="images1/f9.jpg" alt="" />
                <div class="explain">大洋洲袋鼠 春季男士时尚舒适拉链休闲皮</div>
                <div class="price">￥399.00</div>
            </li>
            <li class="fore1">
                <img src="images1/f0.jpg" alt="" />
                <div class="explain">Clarks  三瓣鞋底抗菌减震休闲鞋</div>
                <div class="price">￥1399.00</div>
            </li>	
    	</ul>
    	<ul class="p_list tab_ul7">
    		<li class="fore1">
    			<img src="images1/g1.jpg" alt="" />
    			<div class="explain">思莱德 修身百搭商务休闲男士衬衫</div>
    			<div class="price">￥299.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/g2.jpg" alt="" />
    			<div class="explain">劲霸男装 男士衬衣 简约舒适棉麻长袖衬衫</div>
    			<div class="price">￥299.50</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/g3.jpg" alt="" />
    			<div class="explain">佐丹奴 男装纯棉牛津纺尖扣领纯色修身衬衫</div>
    			<div class="price">￥168.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/g4.jpg" alt="" />
    			<div class="explain">太平鸟男装 蝴蝶结印花韩版修身长袖衬衫</div>
    			<div class="price">￥159.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/g5.jpg" alt="" />
    			<div class="explain">九牧王 男士免烫长裤商务休闲西裤</div>
    			<div class="price">￥299.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/g6.jpg" alt="" />
    			<div class="explain">GXG休闲长裤男 藏青色时尚男士闲裤</div>
    			<div class="price">￥199.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/g7.jpg" alt="" />
    			<div class="explain">与狼共舞牛仔裤男新款时尚休闲水洗男装长裤</div>
    			<div class="price">￥149.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/g8.jpg" alt="" />
    			<div class="explain">Levi‘s李维斯501系列男士原创直筒水洗牛仔裤</div>
    			<div class="price">￥449.00</div>
    		</li>
            <li class="fore1">
                <img src="images1/g9.jpg" alt="" />
                <div class="explain">与狼共舞牛仔裤男新款时尚休闲水洗男装长裤</div>
                <div class="price">￥149.00</div>
            </li>
            <li class="fore1">
                <img src="images1/g0.jpg" alt="" />
                <div class="explain">Levi‘s李维斯501系列男士原创直筒水洗牛仔裤</div>
                <div class="price">￥449.00</div>
            </li>	
    	</ul>
    	<ul class="p_list tab_ul8">
    		<li class="fore1">
    			<img src="images1/h1.jpg" alt="" />
    			<div class="explain">思莱德 修身百搭商务休闲男士衬衫</div>
    			<div class="price">￥299.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/h2.jpg" alt="" />
    			<div class="explain">劲霸男装 男士衬衣 简约舒适棉麻长袖衬衫</div>
    			<div class="price">￥299.50</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/h3.jpg" alt="" />
    			<div class="explain">佐丹奴 男装纯棉牛津纺尖扣领纯色修身衬衫</div>
    			<div class="price">￥168.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/h4.jpg" alt="" />
    			<div class="explain">太平鸟男装 蝴蝶结印花韩版修身长袖衬衫</div>
    			<div class="price">￥159.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/h5.jpg" alt="" />
    			<div class="explain">九牧王 男士免烫长裤商务休闲西裤</div>
    			<div class="price">￥299.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/h6.jpg" alt="" />
    			<div class="explain">GXG休闲长裤男 藏青色时尚男士闲裤</div>
    			<div class="price">￥199.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/h7.jpg" alt="" />
    			<div class="explain">与狼共舞牛仔裤男新款时尚休闲水洗男装长裤</div>
    			<div class="price">￥149.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/h8.jpg" alt="" />
    			<div class="explain">Levi‘s李维斯501系列男士原创直筒水洗牛仔裤</div>
    			<div class="price">￥449.00</div>
    		</li>
    		<li class="fore1">
                <img src="images1/h9.jpg" alt="" />
                <div class="explain">与狼共舞牛仔裤男新款时尚休闲水洗男装长裤</div>
                <div class="price">￥149.00</div>
            </li>
            <li class="fore1">
                <img src="images1/h0.jpg" alt="" />
                <div class="explain">Levi‘s李维斯501系列男士原创直筒水洗牛仔裤</div>
                <div class="price">￥449.00</div>
            </li>
    	</ul>
    	<ul class="p_list tab_ul9">
    		<li class="fore1">
    			<img src="images1/q1.jpg" alt="" />
    			<div class="explain">思莱德 修身百搭商务休闲男士衬衫</div>
    			<div class="price">￥299.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/q2.jpg" alt="" />
    			<div class="explain">劲霸男装 男士衬衣 简约舒适棉麻长袖衬衫</div>
    			<div class="price">￥299.50</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/q3.jpg" alt="" />
    			<div class="explain">佐丹奴 男装纯棉牛津纺尖扣领纯色修身衬衫</div>
    			<div class="price">￥168.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/q4.jpg" alt="" />
    			<div class="explain">太平鸟男装 蝴蝶结印花韩版修身长袖衬衫</div>
    			<div class="price">￥159.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/q5.jpg" alt="" />
    			<div class="explain">九牧王 男士免烫长裤商务休闲西裤</div>
    			<div class="price">￥299.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/q6.jpg" alt="" />
    			<div class="explain">GXG休闲长裤男 藏青色时尚男士闲裤</div>
    			<div class="price">￥199.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/q7.jpg" alt="" />
    			<div class="explain">与狼共舞牛仔裤男新款时尚休闲水洗男装长裤</div>
    			<div class="price">￥149.00</div>
    		</li>
    		<li class="fore1">
    			<img src="images1/q8.jpg" alt="" />
    			<div class="explain">Levi‘s李维斯501系列男士原创直筒水洗牛仔裤</div>
    			<div class="price">￥449.00</div>
    		</li>
            <li class="fore1">
                <img src="images1/q9.jpg" alt="" />
                <div class="explain">与狼共舞牛仔裤男新款时尚休闲水洗男装长裤</div>
                <div class="price">￥149.00</div>
            </li>
            <li class="fore1">
                <img src="images1/q0.jpg" alt="" />
                <div class="explain">Levi‘s李维斯501系列男士原创直筒水洗牛仔裤</div>
                <div class="price">￥449.00</div>
            </li>	
    	</ul>

    </div>
</div>


</body>
</html>
